<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>个人简介</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">
  <meta name="robots" content="noindex, nofollow">

  <!-- Favicons -->
  <link href="img/favicon.png" rel="icon">
  <!-- <link href="img/apple-touch-icon.png" rel="apple-touch-icon"> -->

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Roboto:100,300,400,500,700|Philosopher:400,400i,700,700i" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,900" rel="stylesheet">

  <!-- Bootstrap css -->
  <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->
  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="lib/owlcarousel/assets/owl.theme.default.min.css" rel="stylesheet">
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="lib/animate/animate.min.css" rel="stylesheet">
  <link href="lib/modal-video/css/modal-video.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">

</head>

<body>

  <header id="header" class="header header-hide">
    <div class="container">

      <div id="logo" class="pull-left">
        <h1><a href="#body" class="scrollto"><span>L</span>ucian</a></h1>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="#body"><img src="img/logo.png" alt="" title="" /></a>-->
      </div>

      <nav id="nav-menu-container">
        <ul class="nav-menu">
          <li class="menu-active"><a href="#hero">欢迎</a></li>
          <!-- <li><a href="#about-us">作品</a></li> -->
          <li><a href="#features">技能</a></li>
          <!-- <li><a href="#screenshots">作品</a></li>
          <li><a href="#team">Team</a></li>
          <li><a href="#pricing">Pricing</a></li>
          <li class="menu-has-children"><a href="">Drop Down</a>
            <ul>
              <li><a href="#">Drop Down 1</a></li>
              <li><a href="#">Drop Down 3</a></li>
              <li><a href="#">Drop Down 4</a></li>
              <li><a href="#">Drop Down 5</a></li>
            </ul>
          </li> -->
          <li><a href="#blog">案例</a></li>
          <li><a href="#contact">联系</a></li>
        </ul>
      </nav><!-- #nav-menu-container -->
    </div>
  </header><!-- #header -->

  <!--==========================
    Hero Section
  ============================-->
  <section id="hero" class="wow fadeIn">
    <div class="hero-container">
      <h1>个人简介</h1>
      <h2>李璐西</h2>
      <img src="img/hero-img.png" alt="Hero Imgs">
      <p>响应式网页手机和电脑都方便阅读</p>
      <!-- <a href="#get-started" class="btn-get-started scrollto">Get Started</a>
      <div class="btns">
        <a href="#"><i class="fa fa-apple fa-3x"></i> App Store</a>
        <a href="#"><i class="fa fa-play fa-3x"></i> Google Play</a>
        <a href="#"><i class="fa fa-windows fa-3x"></i> windows</a>
      </div> -->
    </div>
  </section>

  <!--==========================
    Get Started Section
  ============================-->
  <!-- <section id="get-started" class="padd-section text-center wow fadeInUp">

    <div class="container">
      <div class="section-title text-center">

        <h2>simple systeme fordiscount </h2>
        <p class="separator">Integer cursus bibendum augue ac cursus .</p>

      </div>
    </div>

    <div class="container">
      <div class="row">

        <div class="col-md-6 col-lg-4">
          <div class="feature-block">

            <img src="img/svg/cloud.svg" alt="img" class="img-fluid">
            <h4>introducing whatsapp</h4>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
            <a href="#">read more</a>

          </div>
        </div>

        <div class="col-md-6 col-lg-4">
          <div class="feature-block">

            <img src="img/svg/planet.svg" alt="img" class="img-fluid">
            <h4>user friendly interface</h4>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
            <a href="#">read more</a>

          </div>
        </div>

        <div class="col-md-6 col-lg-4">
          <div class="feature-block">

            <img src="img/svg/asteroid.svg" alt="img" class="img-fluid">
            <h4>build the app everyone love</h4>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
            <a href="#">read more</a>

          </div>
        </div>

      </div>
    </div>

  </section> -->


  <!--==========================
    Features Section
  ============================-->

  <section id="features" class="padd-section text-center wow fadeInUp">

    <div class="container">
      <div class="section-title text-center">
        <h2>专业技能</h2>
        <p class="separator">开发/产品/设计/运营 .</p>
      </div>
    </div>

    <div class="container">
      <div class="row">
        
        <div class="col-md-6 col-lg-3">
          <div class="feature-block">
            <img src="img/svg/code.svg" alt="img" class="img-fluid">
            <h4>程序开发</h4>
            <p>js/node,vue/nuxt/koa</p>
            <p>mysql,centos/ngnix</p>
            <p>前端各种交互,数据库表结构设计</p>
            <p>微信公众号,微信小程序,PC网站,h5移动网站</p>
            <p>iOS&Android混合开发,原生iOS</p>
            <p>后端用户系统,各种功能接口/爬虫</p>
            <p>服务器的搭建/配置/维护</p>
          </div>
        </div>

        <div class="col-md-6 col-lg-3">
          <div class="feature-block">
            <img src="img/svg/design-tool.svg" alt="img" class="img-fluid">
            <h4>产品原型</h4>
            <p>能够理清需求,多方面考虑难度及实现所需时间,设计满足现有可用和一定业务扩展性的前后台</p>
            <p>axrue/xmand/墨刀等产品工具</p>
            <p>能够快速手绘或软件制作产品原型草图</p>
            <p>通过对数据的分析对产品进行迭代及调整</p>
          </div>
        </div>

        <div class="col-md-6 col-lg-3">
            <div class="feature-block">
              <img src="img/svg/planet.svg" alt="img" class="img-fluid">
              <h4>项目管理</h4>
              <p>既是Leader也是高效的执行者</p>
              <p>有技术/运营团队组建及培养经验</p>
              <p>有带死的项目,也有活得很好的,努力总结,保持平常心</p>
              <p>产品运营的经验,让我喜欢思考产品背后的模式</p>
              <p>有一定微信公众号(粉丝,阅读),APP(下载,注册),网站(pv/uv)等渠道资源</p>
            </div>
        </div>

        <div class="col-md-6 col-lg-3">
          <div class="feature-block">
            <img src="img/svg/paint-palette.svg" alt="img" class="img-fluid">
            <h4>UI设计</h4>
            <p>AI/PS/CDR等设计工具</p>
            <p>有绘画及手绘基础</p>
            <p>构图/透视/色彩都有自己有限的美学看法和坚持:)</p>
            <p>有一定的设计能力</p>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!--==========================
    Blog Section
  ============================-->
  <section id="blog" class="padd-section wow fadeInUp">

    <div class="container">
      <div class="section-title text-center">

        <h2>项目案例</h2>
        <p class="separator">之前的一些项目展示 .</p>

      </div>
    </div>


    <div class="container">
      <div class="row">

        
        <div class="col-md-6 col-lg-4">
            <div class="block-blog text-left">
              <a href="http://www.07ge.com:81/works/index.html" target="_blank"><img src="img/works/6.png" class="img-responsive" alt="img"></a>
              <div class="content-blog">
                <h4><a href="http://www.07ge.com:81/works/index.html" target="_blank">大杂烩作品案例</a></h4>
                <span>东西太多不好整理了,有的可能没有运行了</span>
              </div>
            </div>
        </div>

        <div class="col-md-6 col-lg-4">
          <div class="block-blog text-left">
            <a href="https://www.xgqq.com/" target="_blank"><img src="img/works/1.png" alt="img"></a>
            <div class="content-blog">
              <h4><a href="https://www.xgqq.com/" target="_blank">小狗钱钱</a></h4>
              <span>一款金融产品了,PC网站到APP(安卓市场及苹果市场可以下载APP)</span>
              <!-- <span>05, juin 2017</span>
              <a class="pull-right readmore" href="#">read more</a> -->
            </div>
          </div>
        </div>

        <div class="col-md-6 col-lg-4">
          <div class="block-blog text-left">
            <a href="https://mp.weixin.qq.com/s/JJ9AcKgnQQc-cI6zHKSsLg" target="_blank"><img src="img/works/4.png" class="img-responsive" alt="img"></a>
            <div class="content-blog">
              <h4><a href="https://mp.weixin.qq.com/s/JJ9AcKgnQQc-cI6zHKSsLg" target="_blank">无声或有声</a></h4>
              <span>阅读休闲游戏类产品,微信公众号,微信小程序及APP(豌豆荚安卓市场下载APP),微信扫码关注公号查看</span>
            </div>
          </div>
        </div>

      </div>
      <br><br>
      <div class="row">

          <div class="col-md-6 col-lg-4">
              <div class="block-blog text-left">
                <a href="https://www.rrjiaoyi.com/" target="_blank"><img src="img/works/2.png" class="img-responsive" alt="img"></a>
                <div class="content-blog">
                  <h4><a href="https://www.rrjiaoyi.com/" target="_blank">人人交易网</a></h4>
                  <span>模拟炒股平台,主要是APP和微信小程序(安卓市场及苹果市场可以下载APP)</span>
                </div>
              </div>
          </div>

          <div class="col-md-6 col-lg-4">
            <div class="block-blog text-left">
              <a href="https://ichangtou.com" target="_blank"><img src="img/works/3.png" alt="img"></a>
              <div class="content-blog">
                <h4><a href="https://ichangtou.com" target="_blank">长投学堂</a></h4>
                <span>理财教育平台,PC网站到APP(安卓市场及苹果市场可以下载APP)</span>
                <!-- <span>05, juin 2017</span>
                <a class="pull-right readmore" href="#">read more</a> -->
              </div>
            </div>
          </div>
  
          <div class="col-md-6 col-lg-4">
            <div class="block-blog text-left">
              <a href="https://www.rrjiaoyi.com/flappy/" target="_blank"><img src="img/works/5.png" class="img-responsive" alt="img"></a>
              <div class="content-blog">
                <h4><a href="https://www.rrjiaoyi.com/flappy/" target="_blank">flappy游戏</a></h4>
                <span>基于Phaser游戏框架改的flappy游戏,后面嵌入微信体系,排行榜分享等</span>
              </div>
            </div>
          </div>
  
        </div>

    </div>
  </section>

  <!--==========================
    Newsletter Section
  ============================-->
  <section id="newsletter" class="newsletter text-center wow fadeInUp">
    <div class="overlay padd-section">
      <div class="container">

        <div class="row justify-content-center">
          <div class="col-md-9 col-lg-6">
            <form class="form-inline" method="POST" action="#">

              <!-- <input type="email" class="form-control " placeholder="Email Adress" name="email">
              <button type="submit" class="btn btn-default"><i class="fa fa-location-arrow"></i>Subscribe</button> -->

            </form>

          </div>
        </div>

          <!-- <ul class="list-unstyled">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
          </ul> -->


      </div>
    </div>
  </section>

  <!--==========================
    Contact Section
  ============================-->
  <section id="contact" class="padd-section wow fadeInUp">

    <div class="container">
      <div class="section-title text-center">
        <h2>联系方式</h2>
        <!-- <p class="separator">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p> -->
      </div>
    </div>

    <div class="container">
      <div class="row justify-content-center">

        <div class="col-lg-3 col-md-4">

          <div class="info">
            <div>
              <i class="fa fa-map-marker"></i>
              <p>上海市浦东新区川沙新镇<br>地铁2号线东延线川沙站</p>
            </div>

            <div class="email">
              <i class="fa fa-envelope"></i>
              <p>93977131@qq.com</p>
            </div>

            <div>
              <i class="fa fa-phone"></i>
              <p>+86 177 1737 5417</p>
            </div>
          </div>

          <!-- <div class="social-links">
            <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
            <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
            <a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
            <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
            <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
          </div> -->

        </div>

        <!-- <div class="col-lg-5 col-md-8">
          <div class="form">
            <div id="sendmessage">Your message has been sent. Thank you!</div>
            <div id="errormessage"></div>
            <form action="" method="post" role="form" class="contactForm">
              <div class="form-group">
                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                <div class="validation"></div>
              </div>
              <div class="text-center"><button type="submit">Send Message</button></div>
            </form>
          </div>
        </div> -->
      </div>
    </div>
  </section><!-- #contact -->

  <!--==========================
    Footer
  ============================-->
  <footer class="footer">
    <div class="container">
      <!-- <div class="row">

        <div class="col-md-12 col-lg-4">
          <div class="footer-logo">

            <a class="navbar-brand" href="#">eStartup</a>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the.</p>

          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-2">
          <div class="list-menu">

            <h4>Abou Us</h4>

            <ul class="list-unstyled">
              <li><a href="#">About us</a></li>
              <li><a href="#">Features item</a></li>
              <li><a href="#">Live streaming</a></li>
              <li><a href="#">Privacy Policy</a></li>
            </ul>

          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-2">
          <div class="list-menu">

            <h4>Abou Us</h4>

            <ul class="list-unstyled">
              <li><a href="#">About us</a></li>
              <li><a href="#">Features item</a></li>
              <li><a href="#">Live streaming</a></li>
              <li><a href="#">Privacy Policy</a></li>
            </ul>

          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-2">
          <div class="list-menu">

            <h4>Support</h4>

            <ul class="list-unstyled">
              <li><a href="#">faq</a></li>
              <li><a href="#">Editor help</a></li>
              <li><a href="#">Contact us</a></li>
              <li><a href="#">Privacy Policy</a></li>
            </ul>

          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-2">
          <div class="list-menu">

            <h4>Abou Us</h4>

            <ul class="list-unstyled">
              <li><a href="#">About us</a></li>
              <li><a href="#">Features item</a></li>
              <li><a href="#">Live streaming</a></li>
              <li><a href="#">Privacy Policy</a></li>
            </ul>

          </div>
        </div>

      </div> -->
    </div>

    <div class="copyrights">
      <div class="container">
        <p>&copy; Copyrights 07ge.com. All rights reserved.</p>
        <div class="credits">
          <!-- Designed by  -->
          <a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备18033955号</a>
        </div>
      </div>
    </div>

  </footer>



  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

  <!-- JavaScript Libraries -->
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/jquery/jquery-migrate.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="lib/superfish/hoverIntent.js"></script>
  <script src="lib/superfish/superfish.min.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/modal-video/js/modal-video.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/wow/wow.min.js"></script>
  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>

  <!-- Template Main Javascript File -->
  <script src="js/main.js"></script>

</body>
</html>
